/**************
*
* Shahdad template page style
*
* Coding by Erfan Mardani +989134433116
*
 **************/
@font-face {
	font-family: 'November Cond Pro Reg';
	src: url('../fonts/NovemberCondPro-Reg.eot');
	src: url('../fonts/NovemberCondPro-Reg.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberCondPro-Reg.woff2') format('woff2'),
	url('../fonts/NovemberCondPro-Reg.woff') format('woff'),
	url('../fonts/NovemberCondPro-Reg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'November Cond Pro Blk';
	src: url('../fonts/NovemberCondPro-Blk.eot');
	src: url('../fonts/NovemberCondPro-Blk.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberCondPro-Blk.woff2') format('woff2'),
	url('../fonts/NovemberCondPro-Blk.woff') format('woff'),
	url('../fonts/NovemberCondPro-Blk.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'November Cond Pro Hea';
	src: url('../fonts/NovemberCondPro-Hea.eot');
	src: url('../fonts/NovemberCondPro-Hea.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberCondPro-Hea.woff2') format('woff2'),
	url('../fonts/NovemberCondPro-Hea.woff') format('../fonts/woff'),
	url('../fonts/NovemberCondPro-Hea.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'November Pro';
	src: url('../fonts/NovemberPro-Reg.eot');
	src: url('../fonts/NovemberPro-Reg.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberPro-Reg.woff2') format('woff2'),
	url('../fonts/NovemberPro-Reg.woff') format('woff'),
	url('../fonts/NovemberPro-Reg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'November Pro Blk';
	src: url('../fonts/NovemberPro-Blk.eot');
	src: url('../fonts/NovemberPro-Blk.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberPro-Blk.woff2') format('woff2'),
	url('../fonts/NovemberPro-Blk.woff') format('woff'),
	url('../fonts/NovemberPro-Blk.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'November Pro Hea';
	src: url('../fonts/NovemberPro-Hea.eot');
	src: url('../fonts/NovemberPro-Hea.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NovemberPro-Hea.woff2') format('woff2'),
	url('../fonts/NovemberPro-Hea.woff') format('woff'),
	url('../fonts/NovemberPro-Hea.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Minion Pro';
	src: url('../fonts/MinionPro-Regular.eot');
	src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/MinionPro-Regular.woff2') format('woff2'),
	url('../fonts/MinionPro-Regular.woff') format('woff'),
	url('../fonts/MinionPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html,
body {
	margin: 0;
	width: 100%;
	max-width: 100%;
	padding: 0;
	display: table !important;
}

#part1,
#part2,
#part3,
#part4,
#part5,
#part6,
#part7,
#part8 {
	display: block;
	width: 1920px;
	height: 1080px;
	background-size: 100%;
	position: relative;
	float: left;
	overflow:hidden;
	border: none ;
	margin-top: -1px;
}

img {
	width: 100%;
}

@media part1 {
	
}

/*   

part 1 

*/
#language{
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 99;
	display: block;
	font-family: 'November Pro';
	
	
}
#language ul{
	margin: 10px 0;
}
#language ul li{
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #ccc;
	width: 55px;
	float: left;
	height: 30px;
	
}
#language ul li.zh img{
	width: 40px;
}
#language ul li.en {
	line-height: 1.8;
	margin-right: 10px ;
	display: block;
	font-family: November Pro ;
}
#language ul li.en:hover a{
	color: #ff6d2e !important;
}
#language ul li.en:hover a,
#language ul li:hover img{
	opacity: .7;
}
#language ul li a{
	text-decoration: none;
	color: #ff6d2e;
}
#language ul li.zh a{
	text-decoration: none;
	color: #fff;
}


#language ul li a:hover{
	color: #fff;
}


#part1 {
	background: url('../img/3.jpg');
	background-position-y: -50px;
}

#part7 .logo,
#part1 .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	height: auto;
}

#part7 .logo img,
#part1 .logo img {
	width: 100%;
	height: auto;
}

.nextpart {
	position: absolute;
	left: 72px;
	bottom: 35px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	width: 70px;
}

/*

end of part 1

*/
@media part2 {
}

/*

part 2

*/
#part2 {
	background: url('../img/2.jpg');
	background-size: 150%;
	background-position-x: -450px;
	background-position-y: -180px;
}

#part2 .title {
	font-size: 66px;
	color: #00d9e3;
	font-family: 'November Cond Pro Blk' !important;
	position: absolute;
	top: 0;
	left: 75px;
	line-height: 55px;
}

#part2 > .description {
	width: 470px;
	position: absolute;
	left: 150px;
	color: #ffffff;
	top: 200px;
	font-size: 13px;
	font-family: November Pro;
	line-height: 19px;
}

#part2 > .description .bluebold {
	color: #00d9e3;
	font-weight: 900;
}

#part2 .righttext {
	font-weight: 900;
	line-height: 29px;
	font-size: 27px;
	color: #00d9e3;
	font-family: November Pro;
	right: 150px;
	position: absolute;
	top: 50%;
	margin-top: -58px;
}

/*

end of part 2

*/
@media part3 {
}

/*

part 3

*/
#part3 {
	background: url('../img/1.jpg');
	background-size: 180%;
	background-position-x: -700px;
}

#part3 > .title {
	font-family: November Cond Pro Blk;
	color: #f36c38;
	position: absolute;
	top: 0;
	font-size: 43px;
	line-height: 37px;
	left: 140px;
}

#part3 > .title > .bignum {
	font-family: November Cond Pro Hea;
	font-size: 343px;
	line-height: 52px;
	position: relative;
	top: 117px;
	vertical-align: text-top
}

#part3 > .lefttext {
	color: #ffffff;
	width: 470px;
	left: 120px;
	top: 330px;
	font-family: November Pro;
	position: absolute;
}

#part3 > .middletext {
	color: #ffffff;
	width: 460px;
	left: 790px;
	top: 720px;
	font-family: November Pro;
	position: absolute;
}

#part3 .righttext {
	color: #ffffff;
	width: 452px;
	right: 140px;
	top: 50px;
	font-family: November Pro;
	position: absolute;
}

#part3 p {
	font-size: 13px;
	line-height: 19px;
	position: relative;
	margin: 0 0 40px 0;
	letter-spacing: normal;
}

.orangebold {
	font-family: November Pro Blk;
	font-size: 13px;
	line-height: 19px;
	color: #f36c38;
}

#part3 .paragnum {
	position: absolute;
	font-size: 51px;
	line-height: 37px;
	font-family: November Cond Pro Hea;
	color: #f36c38;
	left: -60px;
	top: -18px;
}

/*

end of part 3

*/
@media part4 {
}

/*

part 4

*/
#part4 {
	background: url('../img/7.jpg');
	background-size: 110%;
}

#part4 > .title {
	font-family: November Cond Pro Blk;
	color: #fdba43;
	position: absolute;
	top: 0;
	font-size: 66px;
	line-height: 55px;
	left: 70px;
}

#part4 .wool {
	width: 470px;
	position: absolute;
	left: 170px;
	color: #ffffff;
	top: 680px;
}

#part4 .silk .title,
#part4 .wool .title {
	font-size: 51px;
	line-height: 37px;
	font-family: 'November Cond Pro Hea';
	margin-bottom: 20px;
	color: #fdba43;
}

#part4 .wool p {
	font-size: 13px;
	line-height: 19px;
	position: relative;
	margin: 0 0 40px 0;
	letter-spacing: normal;
	font-family: 'November Pro';
}

#part4 .silk {
	width: 470px;
	position: absolute;
	right: 110px;
	color: #ffffff;
	top: 130px;
}

#part4 .silk p {
	font-size: 13px;
	line-height: 19px;
	position: relative;
	margin: 0 0 40px 0;
	letter-spacing: normal;
	font-family: 'November Pro';
}

/*

end of part 4

*/
@media part5 {
}

/*

part 5

*/
#part5 {
	background: url('../img/4.jpg');
	background-size: 135%;
	background-position-x: -200px;
}

#part5 > .title {
	font-family: November Cond Pro Blk;
	color: #af6b8e;
	position: absolute;
	top: 0;
	font-size: 66px;
	line-height: 55px;
	left: 446px;
}

#part5 .dyeing,
#part5 .finishing,
#part5 .weaving {
	width: 470px;
	position: absolute;
	top: 110px;
}

#part5 p {
	color: #ffffff;
	font-size: 13px;
	line-height: 19px;
	position: relative;
	margin: 0 0 40px 0;
	letter-spacing: normal;
	font-family: 'November Pro';
}

#part5 .dyeing {
	left: 170px;
}

#part5 .weaving {
	left: 760px;
}

#part5 .finishing {
	left: 1330px;
}

#part5 > div > .title {
	font-size: 51px;
	line-height: 37px;
	font-family: 'November Cond Pro Hea';
	margin-bottom: 20px;
	color: #af6b8e;
}

/*

end of part 5

*/
@media part6 {
}

/*

part 6

*/
#part6 {
	background: url('../img/6.jpg');
	background-size: 150%;
	background-position-x: -360px;
	background-position-y: -180px;
}

#part6 > .title {
	font-family: November Cond Pro Hea;
	color: #ef3d5e;
	position: absolute;
	top: 0;
	font-size: 96px;
	line-height: 79px;
	left: 840px;
}

#part6 .lefttext {
	width: 470px;
	position: absolute;
	top: 175px;
	color: #ffffff;
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 40px 0;
	letter-spacing: normal;
	font-family: 'November Pro';
	right: 509px;
}

#part6 .righttext {
	width: 300px;
	position: absolute;
	top: 175px;
	color: #ffffff;
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 40px 0;
	letter-spacing: normal;
	font-family: 'November Pro';
	right: 152px;
}

#part6 .lefttext .title {
	font-family: November Pro Hea;
	font-size: 20px;
	color: #ef3d5e;
}

#part6 .lefttext p {
	margin-top: 0;
	margin-bottom: 20px;
}

/*

end of part 6

*/
@media part7 {
}

/*

part 7

*/
#part7 {
	background: url('../img/5.jpg');
	background-size: 139%;
	background-position-x: -226px;
	background-position-y: -58px;
}

#part7 .getmail {
	position: absolute;
	bottom: 85px;
	width: 950px;
}

#part7 .address {
	color: #ffffff;
	left: 265px;
	position: absolute;
	top: 520px;
	font-size: 13px;
	font-family: November Pro;
	line-height: 19px;
}

#part7 .topmail {
	position: absolute;
	width: 670px;
	bottom: 100px;
	left: 265px;
	font-size: 20px;
	color: #f36c38;
	font-family: November Pro Hea;
	letter-spacing: 1px;
}

#mc_embed_signup {
	display: block;
	width: 100%;
	margin-top: 20px;
}

#mce-responses {
	display: none;
}

#mc_embed_signup_scroll #form {
	width: 78%;
	float: left;
	height: 70px;
	display: list-item;
	overflow: hidden;
}

#mc_embed_signup_scroll #submit > input,
#mc_embed_signup_scroll #form > input {
	height: 70px !important;
	border: none;
	display: block ;
}

#mc_embed_signup_scroll #submit > input {
	background: rgba(255, 255, 255, .5);
	text-align: left;
	padding-left: 20px;
	color: #000000;
	font-size: 20px;
	cursor: pointer;
	width: 100%;
	height: 50px;
}

#mc_embed_signup_scroll #form > input {
	padding-left: 20px;
	font-size: 20px;
	color: #000000;
	width: 730px;
}

#mc_embed_signup_scroll #form ::placeholder {
	opacity: 1 !important;
	font-size: inherit;
	color: #000000 !important;
}

#mc_embed_signup_scroll #submit {
	width: 22%;
	float: left;
	height: 50px;
}

#mailchimp {
	height: 50px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 30px;
	font-family: 'November Pro' !important;

}
#mc_embed_signup_scroll #submit > a{
	display: block;
	height: 70px;
	width: 100% !important;
	background:  rgba(255,255,255,.5);
	line-height: 3.6;
	padding-left: 15px;
	box-sizing:   border-box ;
	text-decoration: none;
	font-family: November Pro;
	color: #000;
	font-size: 20px;
}

/*

end of part 7

*/
/*

Start Responsive 

*/
/*

Large Desktop 

*/
@media only screen and (max-width: 1920px) {
}

/* 

Large Desktop 

*/
@media only screen and (max-width: 1600px) {
	#mc_embed_signup_scroll #submit > a{
	display: block;
	height: 58px;
	width: 100% !important;
	background:  rgba(255,255,255,.5);
	line-height: 3.6;
	padding-left: 15px;
	box-sizing:   border-box ;
	text-decoration: none;
	font-family: November Pro;
	color: #000;
	font-size: 17px;
}
	p {
		width: 390px !important;
		max-width: 100%;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 900px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 791px;
		height: auto;
	}
	#part1 .logo {
		width: 900px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 45px;
		font-size: 55px !important;
		margin-top: 1px;

	}
	.nextpart {
		width: 58px;
		left: 60px;
	}
	#part1 {
	}
	#part2 {
		background-size: 125% !important;
	}
	#part3 {
		background-size: 160% !important;
		background-position-x: -500px !important;
	}
	#part4 {
	}
	#part5 {
		background-size: 112% !important;
	}
	#part6 {
		background-size: 115% !important;
		background-position-x: -200px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 120% !important;
	}
	#part2 .title {
		left: 62px;
	}
	#part3 .title {
		left: 166px;
	}
	#part3 > .title > .bignum {
		font-size: 285px;
		top: 105px;
	}
	#part4 .title {
		left: 58px;
	}
	#part5 .title {
		left: 371px;
	}
	#part6 .title {
		left: 700px;
	}
	#part3 .righttext {
		top: 150px;
		right: 116px;
	}
	#part3 > .lefttext {
		top: 250px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 550px;
		left: 658px;
	}
	#part3 .paragnum {
		top: -10px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 42px;
	}
	#part5 > div > .title {
		font-size: 42px;
	}
	#part5 .dyeing {
		left: 140px;
	}
	#part5 .weaving {
		left: 633px;
	}
	#part5 .finishing {
		left: 1108px;
	}
	#part6 .lefttext {
		right: 424px;
	}
	#part6 .righttext {
		right: 126px;
		width: 250px;
	}
	#part7 .address {
		top: 433px;
		left: 220px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 220px;
		font-size: 16px;
	}
	#part2 .righttext {
		right: 125px !important;
	}
	#part2 > .description {
		left: 125px;
		top: 166px;
	}
	#part4 .wool {
		left: 141px;
		top: 400px;
	}
	#part4 .silk {
		top: 80px;
	}
	element {
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 58px !important;
	}
}

/*

Large Desktop 

*/
@media only screen and (max-width: 1536px) {
	p {
		width: 360px !important;
		max-width: 100%;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 864px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 791px;
		height: auto;
	}
	#part1 .logo {
		width: 873px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 41px;
		font-size: 50px !important;
	}
	.nextpart {
		width: 53px;
		left: 55px;
	}
	#part1 {
	}
	#part2 {
		background-size: 125% !important;
	}
	#part3 {
		background-size: 160% !important;
		background-position-x: -500px !important;
	}
	#part4 {
	}
	#part5 {
		background-size: 116% !important;
	}
	#part6 {
		background-size: 115% !important;
		background-position-x: -230px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 120% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 152px;
	}
	#part3 > .title > .bignum {
		font-size: 262px;
		top: 89px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 327px;
	}
	#part6 .title {
		left: 700px;
	}
	#part3 .righttext {
		top: 150px;
		right: 116px;
	}
	#part3 > .lefttext {
		top: 250px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 500px;
		left: 608px;
	}
	#part3 .paragnum {
		top: -10px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 42px;
	}
	#part5 > div > .title {
		font-size: 42px;
	}
	#part5 .dyeing {
		left: 110px;
		width: auto;
	}
	#part5 .weaving {
		left: 603px;
		width: auto;
	}
	#part5 .finishing {
		left: 1088px;
		width: auto;
	}
	#part6 .lefttext {
		right: 474px;
		width: auto;
		top: 120px;
	}
	#part6 .righttext {
		right: 130px;
		width: 250px;
		top: 120px;
	}
	#part7 .address {
		top: 433px;
		left: 220px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 220px;
		font-size: 16px;
	}
	#part2 .righttext {
		right: 115px !important;
		font-size: 24px;
	}
	#part2 > .description {
		left: 115px;
		top: 152px;
	}
	#part4 .wool {
		left: 141px;
		top: 400px;
	}
	#part4 .silk {
		top: 80px;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 58px !important;
	}
}

/*

Large Desktop 

*/
@media only screen and (max-width: 1440px) {
	#mc_embed_signup_scroll #submit > a{
	display: block;
	height: 51px;
	width: 100% !important;
	background:  rgba(255,255,255,.5);
	line-height: 3.6;
	padding-left: 15px;
	box-sizing:   border-box ;
	text-decoration: none;
	font-family: November Pro;
	color: #000;
	font-size: 15px;
}
	p {
		width: 337px !important;
		max-width: 100%;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 810px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 712px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 63px;
	}
	#part1 .logo {
		width: 820px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 38px;
		font-size: 46px !important;
	}
	.nextpart {
		width: 53px;
		left: 55px;
	}
	#part1 {
	}
	#part2 {
		background-size: 134% !important;
		background-position-x: -200px !important;
	}
	#part3 {
		background-size: 167% !important;
		background-position-x: -500px !important;
	}
	#part4 {
	}
	#part5 {
		background-size: 124% !important;
	}
	#part6 {
		background-size: 123% !important;
		background-position-x: -330px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 120% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 152px;
	}
	#part3 > .title > .bignum {
		font-size: 245px;
		top: 79px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 306px;
	}
	#part6 .title {
		left: 700px;
	}
	#part3 .righttext {
		top: 150px;
		right: 46px;
	}
	#part3 > .lefttext {
		top: 250px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 470px;
		left: 550px;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -45px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 39px;
	}
	#part5 > div > .title {
		font-size: 39px;
	}
	#part5 .dyeing {
		left: 100px;
		width: auto;
	}
	#part5 .weaving {
		left: 580px;
		width: auto;
	}
	#part5 .finishing {
		left: 1040px;
		width: auto;
	}
	#part6 .lefttext {
		right: 424px;
		top: 70px;
	}
	#part6 .righttext {
		right: 126px;
		width: 250px;
		top: 70px;
	}
	#part7 .address {
		top: 433px;
		left: 220px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 220px;
		font-size: 13px;
	}
	#part2 .righttext {
		right: 115px !important;
		font-size: 24px;
	}
	#part2 > .description {
		left: 155px;
		top: 152px;
	}
	#part4 .wool {
		left: 141px;
		top: 320px;
	}
	#part4 .silk {
		top: 80px;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Medium Desktop 

important size 

*/
@media only screen and (max-width: 1366px) {
	p {
		width: 360px !important;
		max-width: 100%;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 768px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 712px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 63px;
	}
	#part1 .logo {
		width: 768px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 38px;
		font-size: 43px !important;
	}
	.nextpart {
		width: 50px;
		left: 50px;
	}
	#part1 {
	}
	#part2 {
		background-size: 144% !important;
		background-position-x: -250px !important;
	}
	#part3 {
		background-size: 177% !important;
		background-position-x: -500px !important;
	}
	#part4 {
	}
	#part5 {
		background-size: 113% !important;
	}
	#part6 {
		background-size: 131% !important;
		background-position-x: -330px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 130% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 152px;
	}
	#part3 > .title > .bignum {
		font-size: 232px;
		top: 72px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 289px;
	}
	#part6 .title {
		left: 700px;
	}
	#part3 .righttext {
		top: 90px;
		right: 110px;
		width: auto;
	}
	#part3 > .lefttext {
		top: 190px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 420px;
		left: 600px;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -45px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 36px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: 50px;
		width: auto;
	}
	#part5 .weaving {
		left: 480px;
		width: auto;
	}
	#part5 .finishing {
		left: unset;
		right: 50px;
		width: auto;
	}
	#part6 .lefttext {
		right: 424px;
		top: 110px;
		width: auto;
	}
	#part6 .righttext {
		right: 126px;
		width: 250px;
		top: 110px;
	}
	#part7 .address {
		top: 375px;
		left: 204px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 203px;
		font-size: 13px;
	}
	#part2 .righttext {
		right: 115px !important;
		font-size: 21px;
	}
	#part2 > .description {
		left: 115px;
		top: 125px;
	}
	#part4 .wool {
		left: 141px;
		top: 300px;
	}
	#part4 .silk {
		top: 80px;
		width: auto;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Medium desktop and large tablet

*/
@media only screen and (max-width: 1280px) {
	p {
		width: 350px !important;
		max-width: 100%;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 720px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 667px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 63px;
	}
	#part1 .logo {
		width: 729px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 32px;
		font-size: 40px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
	}
	#part2 {
		background-size: 150% !important;
		background-position-x: -250px !important;
	}
	#part3 {
		background-size: 189% !important;
		background-position-x: -500px !important;
	}
	#part4 {
		background-size: 106% !important;
	}
	#part5 {
		background-size: 139% !important;
	}
	#part6 {
		background-size: 139% !important;
		background-position-x: -360px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 137% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 152px;
	}
	#part3 > .title > .bignum {
		font-size: 232px;
		top: 72px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 289px;
	}
	#part6 .title {
		left: 700px;
	}
	#part3 .righttext {
		top: 65px;
		right: 80px;
		width: auto;
	}
	#part3 > .lefttext {
		top: 170px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 380px;
		left: 530px;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -45px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 36px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: 60px;
		width: auto;
	}
	#part5 .weaving {
		left: 500px;
		width: auto;
	}
	#part5 .finishing {
		left: 920px;
		width: auto;
	}
	#part6 .lefttext {
		right: 424px;
		top: 60px;
		width: auto;
	}
	#part6 .lefttext p {
		width: 400px !important;
	}
	#part6 .righttext {
		right: 126px;
		width: 250px;
		top: 60px;
	}
	#part7 .address {
		top: 335px;
		left: 192px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 191px;
		font-size: 13px;
	}
	#part2 .righttext {
		right: 115px !important;
		font-size: 21px;
	}
	#part2 > .description {
		left: 115px;
		top: 65px;
	}
	#part4 .wool {
		left: 141px;
		top: 220px;
	}
	#part4 .silk {
		top: 80px;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

small desktop and large tablet

*/
@media only screen and (max-width: 1024px) {
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 460px !important;
		font-size: 11px;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 619px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 533px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 556px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 32px;
		font-size: 40px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		background-size: 100% !important;
		background-position-x: 0px !important;
	}
	#part2 {
		background-size: 138% !important;
		background-position-x: -260px !important;
	}
	#part3 {
		background-size: 169% !important;
		background-position-x: -280px !important;
	}
	#part4 {
		background-size: 96% !important;
		background-position-x: 0px !important;
	}
	#part5 {
		background-size: 125% !important;
		background-position-x: 0px !important;
	}
	#part6 {
		background-size: 143% !important;
		background-position-x: -410px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 154% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 152px;
	}
	#part3 > .title > .bignum {
		font-size: 132px;
		top: 30px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 289px;
	}
	#part6 .title {
		left: 370px;
	}
	#part3 .righttext {
		top: 85px;
		right: 30px;
		width: auto;
	}
	#part3 > .lefttext {
		top: 60px;
		left: 70px;
	}
	#part3 > .middletext {
		top: 280px;
		left: 380px;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -40px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 36px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: 60px;
		width: auto;
		top: 60px;
	}
	#part5 .weaving {
		left: 390px;
		top: 60px;
		width: auto;
	}
	#part5 .finishing {
		left: 730px;
		top: 60px;
		width: auto;
	}
	#part6 .lefttext {
		right: 354px;
		top: 80px;
		width: auto;
	}
	#part6 .righttext {
		right: 45px;
		width: 250px;
		top: 80px;
	}
	#part7 .address {
		top: 275px;
		left: 153px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 151px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: 220px !important;
		font-size: 14px;
		line-height: 1.5;
	}
	#part2 > .description {
		left: 59px;
		top: 80px;
	}
	#part4 .wool {
		left: 100px;
		top: 100px;
		width: auto;
	}
	#part4 .silk {
		top: 40px;
		right: 100px !important;
		width: auto !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Medium tablet

*/
@media only screen and (max-width: 800px) {
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 348px !important;
		font-size: 9px !important;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 619px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 533px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 478px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 32px;
		font-size: 40px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		background-size: 110% !important;
		background-position-x: 0px !important;
	}
	#part2 {
		background-size: 172% !important;
		background-position-x: -330px !important;
	}
	#part3 {
		background-size: 217% !important;
		background-position-x: -540px !important;
	}
	#part4 {
		background-size: 121% !important;
		background-position-x: 0px !important;
	}
	#part5 {
		background-size: 155% !important;
		background-position-x: 0px !important;
	}
	#part6 {
		background-size: 152% !important;
		background-position-x: -340px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 154% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 60px;
	}
	#part3 > .title > .bignum {
		font-size: 102px;
		top: 21px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 169px;
	}
	#part6 .title {
		left: 300px;
	}
	#part3 .righttext {
		top: 125px;
		right: 30px;
		width: auto;
	}
	#part3 > .lefttext {
		top: 125px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 415px;
		left: 410px;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -40px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 36px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: 60px;
		width: auto;
		top: 60px;
	}
	#part5 .weaving {
		left: 315px;
		top: 60px;
		width: auto;
	}
	#part5 .finishing {
		left: 550px;
		top: 60px;
		width: auto;
	}
	#part6 .lefttext {
		right: 354px;
		top: 80px;
		width: auto;
	}
	#part6 .righttext {
		right: 45px;
		width: 250px;
		top: 80px;
	}
	#part7 .address {
		top: 275px;
		left: 153px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 151px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: 40px !important;
		font-size: 18px;
	}
	#part2 > .description {
		left: 70px;
		top: 50px;
	}
	#part4 .wool {
		left: 100px;
		top: 120px;
		width: auto;
	}
	#part4 .silk {
		top: 45px;
		right: 100px !important;
		width: auto !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Medium tablet

important size

*/
@media only screen and (max-width: 768px) {
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 348px !important;
		font-size: 9px !important;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 619px;
		background-position: unset !important;
		background-size: 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 533px;
		height: auto;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 478px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 32px;
		font-size: 40px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		background-size: 110% !important;
		background-position-x: 0px !important;
	}
	#part2 {
		background-size: 172% !important;
		background-position-x: -330px !important;
	}
	#part3 {
		background-size: 217% !important;
		background-position-x: -540px !important;
	}
	#part4 {
		background-size: 121% !important;
		background-position-x: 0px !important;
	}
	#part5 {
		background-size: 160% !important;
		background-position-x: 0px !important;
	}
	#part6 {
		background-size: 160% !important;
		background-position-x: -340px !important;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: 140% !important;
	}
	#part2 .title {
		left: 57px;
	}
	#part3 .title {
		left: 60px;
	}
	#part3 > .title > .bignum {
		font-size: 102px;
		top: 21px;
	}
	#part4 .title {
		left: 50px;
	}
	#part5 .title {
		left: 169px;
	}
	#part6 .title {
		left: 300px;
	}
	#part3 .righttext {
		top: 125px;
		right: 30px;
		width: auto;
	}
	#part3 > .lefttext {
		top: 125px;
		left: 100px;
	}
	#part3 > .middletext {
		top: 415px;
		left: 410px;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -40px;
	}
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 36px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: 60px;
		width: auto;
		top: 60px;
	}
	#part5 .weaving {
		left: 305px;
		top: 60px;
		width: auto;
	}
	#part5 .finishing {
		left: 550px;
		top: 60px;
		width: auto;
	}
	#part6 .lefttext {
		right: 354px;
		top: 80px;
		width: auto;
	}
	#part6 .righttext {
		right: 45px;
		width: 250px;
		top: 80px;
	}
	#part7 .address {
		top: 275px;
		left: 153px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 151px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: 40px !important;
		font-size: 18px;
	}
	#part2 > .description {
		left: 70px;
		top: 50px;
	}
	#part4 .wool {
		left: 100px;
		top: 120px;
		width: auto;
	}
	#part4 .silk {
		top: 45px;
		right: 100px !important;
		width: auto !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Small tablet

*/
@media only screen and (max-width: 600px) {
	.nextpart {
		display: none;
	}
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 100% !important;
		font-size: 11px !important;
	}
	#part2 > .description p {
		width: 454px !important;
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		height: 660px;
		background-position: unset !important;
		background-size: auto 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 360px;
		height: auto;
	}
	#part7 .getmail {
		width: 100% !important;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 375px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 22px;
		font-size: 26px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		background-size: 110% !important;
		background-position-x: 0px !important;
		height: 390px;
	}
	#part2 {
		background-size: auto 100% !important;
		background-position-x: -330px !important;
	}
	#part3 {
		background-size: auto 100% !important;
		background-position-x: -740px !important;
		height: 850px;
	}
	#part4 {
		background-size: auto 100% !important;
		background-position-x: 0 !important;
		height: 750px;
	}
	#part5 {
		background-size: auto 100% !important;
		background-position-x: -480px !important;
		height: 840px;
	}
	#part6 {
		background-size: auto 100% !important;
		background-position-x: -340px !important;
		height: 800px;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: auto 100% !important;
	}
	#part2 .title {
		left: 71px;
	}
	#part3 .title {
		left: 93px;
	}
	#part3 > .title > .bignum {
		font-size: 72px;
		top: 7px;
	}
	#part4 > .title {
		left: 50%;
		transform: translate(-50%, 0)
	}
	#part5 .title {
		left: 169px;
	}
	#part6 .title {
		left: 210px;
	}
	#part3 .righttext {
		right: unset;
		width: auto;
		top: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
		position: relative !important;
	}
	#part3 > .lefttext {
		left: unset;
		top: 100px;
	!important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#part6 > div > p,
	#part5 > div > p,
	#part4 > div > p,
	#part3 > div > p {
		width: 100% !important;
		display: block !important;
	
		padding: 5px 10px;
		border-radius: 3px;
		margin-left: -10px !important;
		font-size: 11px !important;
	}
	#part6 .lefttext {
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part3 > .middletext {
		left: unset;
		top: unset;
		width: 80% !important;
		position: relative !important;
		margin: 120px auto 0;
		display: block !important;
		position: relative !important;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -54px;
		width: 50px;
		text-align: right;
	}
	#part5 .title,
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 25px !important;
		margin-bottom: 0 !important;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: unset;
		width: 80%;
		display: block;
		margin: auto;
		position: relative;
		top: 60px;
	}
	#part5 .weaving {
		left: unset;
		top: 60px;
		width: 80%;
		display: block;
		margin: auto;
		position: relative;
	}
	#part5 .finishing {
		left: unset;
		top: 60px;
		width: 80%;
		right: unset !important;
		display: block;
		margin: auto;
		position: relative;
	}
	#part6 .lefttext {
		right: unset;
		top: 80px;
		width: 80%;
		position: relative;
		margin: auto;
	}
	#part6 .righttext {
		right: unset;
		width: 80%;
		top: 80px;
		margin: auto;
		display: block;
		position: relative;
	}
	#part7 .address {
		top: 275px;
		left: 103px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 103px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: unset !important;
		width: 80% !important;
		float: none !important;
		font-size: 18px;
		top: unset;
		text-align: center;
		left: unset !important;
		margin: 100px auto 0 !important;
		display: block !important;
		position: relative !important;
	}
	#part2 > .description {
		left: unset;
		width: 80% !important;
		position: relative !important;
		margin: auto !important;
		top: 50px;
	}
	#part4 .wool {
		left: unset;
		top: unset;
		width: 80%;
		margin: auto;
		display: block;
		position: relative !important;
		top: 100px;
	}
	#part4 .silk {
		position: relative !important;
		clear: both !important;
		top: 100px;
		right: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Large Mobile

*/
@media only screen and (max-width: 414px) {
	#language{
	right: 5px;
	
	
}
	#mc_embed_signup_scroll #submit > a{
	display: block;
	height: 51px;
	width: 100% !important;
	background:  rgba(255,255,255,.5);
	line-height: 4.3;
	padding-left: 15px;
	box-sizing:   border-box ;
	text-decoration: none;
	font-family: November Pro;
	color: #000;
	font-size: 12px;
}
	.nextpart {
		display: none;
	}
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 100% !important;
		font-size: 11px !important;
	}
	#part2 > .description p {
		width: 454px !important;
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		max-width: 100% !important;
		height: 660px;
		background-position: unset !important;
		background-size: auto 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 360px;
		height: auto;
	}
	#part7 .getmail {
		width: 100% !important;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 258px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 17px;
		font-size: 20px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		width: 414px !important;
		background-size: 110% !important;
		background-position-x: 0px !important;
		height: 272px;
	}
	#part2 {
		width: 414px !important;
		background-size: auto 100% !important;
		background-position-x: -610px !important;
		height: 804px;
	}
	#part3 {
		background-size: auto 100% !important;
		background-position-x: -1340px !important;
		height: 1004px;
	}
	#part4 {
		background-size: auto 100% !important;
		background-position-x: -400px !important;
		height: 844px;
	}
	#part5 {
		background-size: auto 100% !important;
		background-position-x: -720px !important;
		height: 1180px;
	}
	#part6 {
		background-size: auto 100% !important;
		background-position-x: -340px !important;
		height: 940px;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: auto 100% !important;
	}
	#part2 .title {
		left: 35px;
	}
	#part3 .title {
		left: 47px;
		margin-top: -5px;
	}
	#part3 > .title > .bignum {
		font-size: 52px;
		top: -1px;
	}
	#part4 > .title {
		left: 107px;
		transform: unset ;
	}
	#part5 .title {
		left: 100px;
	}
	#part6 .title {
		left: 245px;
	}
	#part3 .righttext {
		right: unset;
		width: auto;
		top: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
		position: relative !important;
	}
	#part3 > .lefttext {
		left: unset;
		top: 100px;
	!important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#part6 > div > p,
	#part5 > div > p,
	#part4 > div > p,
	#part3 > div > p {
		width: 100% !important;
		display: block !important;
	
		padding: 5px 10px;
		border-radius: 3px;
		margin-left: -10px !important;
		font-size: 11px !important;
	}
	#part3 > div > p {
		margin-left: 10px !important;
	}
	#part6 .lefttext {
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part3 > .middletext {
		left: unset;
		top: unset;
		width: 80% !important;
		position: relative !important;
		margin: 120px auto 0;
		display: block !important;
		position: relative !important;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -55px;
		width: 50px;
		text-align: right;
	}
	#part5 div .title,
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 23px !important;
		margin-bottom: 0 !important;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: unset;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
		top: 60px;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .weaving {
		left: unset;
		top: 60px;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .finishing {
		left: unset;
		top: 60px;
		width: 80%;
		right: unset !important;
		display: block;
		margin: auto;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part6 .lefttext {
		right: unset;
		top: 80px;
		width: 80%;
		position: relative;
		margin: auto;
	}
	#part5 p {
		background: transparent !important;
	}
	#part6 .righttext {
		right: unset;
		width: 80%;
		top: 80px;
		margin: auto;
		display: block;
		position: relative;
	}
	#part7 .address {
		top: 275px;
		left: 103px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 44px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: unset !important;
		width: 80% !important;
		float: none !important;
		font-size: 18px;
		top: unset;
		text-align: center;
		left: unset !important;
		margin: 100px auto 0 !important;
		display: block !important;
		position: relative !important;
	}
	#part2 > .description {
		left: unset;
		width: 80% !important;
		position: relative !important;
		margin: auto !important;
		top: 50px;
	}
	#part4 .wool {
		left: unset;
		top: unset;
		width: 80%;
		margin: auto;
		display: block;
		position: relative !important;
		top: 100px;
	}
	#part4 .silk {
		position: relative !important;
		clear: both !important;
		top: 100px;
		right: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
}

/*

Medium Mobile

important size

*/
@media only screen and (max-width: 360px) {
	.nextpart {
		display: none;
	}
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 100% !important;
		font-size: 11px !important;
	}
	#part2 > .description p {
		width: 454px !important;
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		max-width: 100% !important;
		height: 660px;
		background-position: unset !important;
		background-size: auto 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 360px;
		height: auto;
	}
	#part7 .getmail {
		width: 100% !important;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 225px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 15px;
		font-size: 18px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		width: 360px !important;
		background-size: 110% !important;
		background-position-x: 0px !important;
		height: 230px;
	}
	#part2 {
		width: 360px !important;
		background-size: auto 100% !important;
		background-position-x: -610px !important;
		height: 880px;
	}
	#part3 {
		background-size: auto 100% !important;
		background-position-x: -1340px !important;
		height: 1120px;
	}
	#part4 {
		background-size: auto 100% !important;
		background-position-x: -400px !important;
		height: 920px;
	}
	#part5 {
		background-size: auto 100% !important;
		background-position-x: -720px !important;
		height: 1290px;
	}
	#part6 {
		background-size: auto 100% !important;
		background-position-x: -340px !important;
		height: 990px;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: auto 100% !important;
	}
	#part2 .title {
		left: 25px;
	}
	#part3 .title {
		left: 36px;
	}
	#part3 > .title > .bignum {
		font-size: 52px;
		top: -1px;
	}
	#part4 > .title {
		left: 50%;
		transform: translate(-50%, 0)
	}
	#part5 .title {
		left: 71px;
	}
	#part6 .title {
		left: 205px;
	}
	#part3 .righttext {
		right: unset;
		width: auto;
		top: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
		position: relative !important;
	}
	#part3 > .lefttext {
		left: unset;
		top: 100px;
	!important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#part6 > div > p,
	#part5 > div > p,
	#part4 > div > p,
	#part3 > div > p {
		width: 100% !important;
		display: block !important;
	
		padding: 5px 10px;
		border-radius: 3px;
		margin-left: -10px !important;
		font-size: 11px !important;
	}
	#part3 > div > p {
		margin-left: 10px !important;
	}
	#part6 .lefttext {
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part3 > .middletext {
		left: unset;
		top: unset;
		width: 80% !important;
		position: relative !important;
		margin: 120px auto 0;
		display: block !important;
		position: relative !important;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -55px;
		width: 50px;
		text-align: right;
	}
	#part5 .title,
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 20px !important;
		margin-bottom: 0 !important;
		margin-left: 1px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: unset;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
		top: 60px;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .weaving {
		left: unset;
		top: 60px;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .finishing {
		left: unset;
		top: 60px;
		width: 80%;
		right: unset !important;
		display: block;
		margin: auto;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part6 .lefttext {
		right: unset;
		top: 80px;
		width: 80%;
		position: relative;
		margin: auto;
	}
	#part5 p {
		background: transparent !important;
	}
	#part6 .righttext {
		right: unset;
		width: 80%;
		top: 80px;
		margin: auto;
		display: block;
		position: relative;
	}
	#part7 .address {
		top: 275px;
		left: 103px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 15px;
		font-size: 10px;
	}
	#part2 .righttext {
		right: unset !important;
		width: 80% !important;
		float: none !important;
		font-size: 18px;
		top: unset;
		text-align: center;
		left: unset !important;
		margin: 100px auto 0 !important;
		display: block !important;
		position: relative !important;
	}
	#part2 > .description {
		left: unset;
		width: 80% !important;
		position: relative !important;
		margin: auto !important;
		top: 50px;
	}
	#part4 .wool {
		left: unset;
		top: unset;
		width: 80%;
		margin: auto;
		display: block;
		position: relative !important;
		top: 100px;
	}
	#part4 .silk {
		position: relative !important;
		clear: both !important;
		top: 100px;
		right: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
	#mc_embed_signup_scroll #submit > input {
		padding-left: 8px;
	}
}

/*

Small Mobile


*/
@media only screen and (max-width: 320px) {
	#language ul{
	margin:  0;
}
	#language ul li{
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #ccc;
	width: 55px;
	float: none;
	height: 30px;
		text-align: center;
	
}
	
#language{
	right:10px;
	
	
}

		#mc_embed_signup_scroll #submit > a{
	display: block;
	height: 51px;
	width: 100% !important;
	background:  rgba(255,255,255,.5);
	line-height: 4.3;
	padding-left: 10px;
	box-sizing:   border-box ;
	text-decoration: none;
	font-family: November Pro;
	color: #000;
	font-size: 12px;
}
	.nextpart {
		display: none;
	}
	p {
		width: 258px !important;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 1.5 !important;
		margin-bottom: 15px !important;
	}
	#part2 > .description p,
	#part6 .lefttext p {
		width: 100% !important;
		font-size: 11px !important;
	}
	#part2 > .description p {
		width: 454px !important;
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part6 p {
		font-size: 9px !important;
	}
	#part5 p {
		font-size: 9px !important;
		width: 200px !important;
	}
	#part1,
	#part2,
	#part3,
	#part4,
	#part5,
	#part6,
	#part7,
	#part8 {
		width: 100% !important;
		max-width: 100% !important;
		height: 660px;
		background-position: unset !important;
		background-size: auto 100% !important;
	}
	#part7 .getmail,
	#part7 .logo,
	#part1 .logo {
		width: 320px;
		height: auto;
	}
	#part7 .getmail {
		width: 100% !important;
	}
	#part7 .getmail {
		bottom: 13px;
	}
	#part1 .logo {
		width: 200px !important;
	}
	#part6 > .title,
	#part5 > .title,
	#part4 > .title,
	#part3 > .title,
	#part2 > .title {
		line-height: 12px;
		font-size: 15px !important;
	}
	.nextpart {
		width: 47px;
		left: 45px;
	}
	#part1 {
		width: 320px !important;
		background-size: 110% !important;
		background-position-x: 0px !important;
		height: 207px;
	}
	#part2 {
		width: 320px !important;
		background-size: auto 100% !important;
		background-position-x: -610px !important;
		height: 961px;
	}
	#part3 {
		background-size: auto 100% !important;
		background-position-x: -1340px !important;
		height: 1230px;
	}
	#part4 {
		background-size: auto 100% !important;
		background-position-x: -400px !important;
		height: 1020px;
	}
	#part5 {
		background-size: auto 100% !important;
		background-position-x: -720px !important;
		height: 1390px;
	}
	#part6 {
		background-size: auto 100% !important;
		background-position-x: -340px !important;
		height: 1060px;
	}
	#part7 {
		background-position-x: 0px !important;
		background-size: auto 100% !important;
	}
	#part2 .title {
		left: 25px;
	}
	#part3 .title {
		left: 36px;
	}
	#part3 > .title > .bignum {
		font-size: 52px;
		top: -1px;
	}
	#part4 > .title {
		left: 50%;
		transform: translate(-50%, 0)
	}
	#part5 .title {
		left: 51px;
	}
	#part6 .title {
		left: 205px;
	}
	#part3 .righttext {
		right: unset;
		width: auto;
		top: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
		position: relative !important;
	}
	#part3 > .lefttext {
		left: unset;
		top: 100px;
	!important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#part6 > div > p,
	#part5 > div > p,
	#part4 > div > p,
	#part3 > div > p {
		width: 100% !important;
		display: block !important;
	
		padding: 5px 10px;
		border-radius: 3px;
		margin-left: -10px !important;
		font-size: 11px !important;
	}
	#part3 > div > p {
		margin-left: 10px !important;
	}
	#part6 .lefttext {
	
		padding: 5px 10px;
		border-radius: 3px;
	}
	#part3 > .middletext {
		left: unset;
		top: unset;
		width: 80% !important;
		position: relative !important;
		margin: 120px auto 0;
		display: block !important;
		position: relative !important;
	}
	#part3 > .middletext p:first-child {
		display: none;
	}
	#part3 .paragnum {
		font-size: 38px;
		top: -10px;
		left: -48px;
		width: 50px;
		text-align: right;
	}
	#part5 .title,
	#part4 .silk .title,
	#part4 .wool .title {
		font-size: 20px !important;
		margin-bottom: 0 !important;
		margin-left: 1px;
	}
	#part5 > div > .title {
		font-size: 36px;
	}
	#part5 .dyeing {
		left: unset;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
		top: 60px;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .weaving {
		left: unset;
		top: 60px;
		width: 80%;
		display: block;
		margin: 0 auto 20px;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part5 .finishing {
		left: unset;
		top: 60px;
		width: 80%;
		right: unset !important;
		display: block;
		margin: auto;
		position: relative;
	
		padding: 10px;
		border-radius: 3px;
	}
	#part6 .lefttext {
		right: unset;
		top: 80px;
		width: 80%;
		position: relative;
		margin: auto;
	}
	#part5 p {
		background: transparent !important;
	}
	#part6 .righttext {
		right: unset;
		width: 80%;
		top: 80px;
		margin: auto;
		display: block;
		position: relative;
	}
	#part7 .address {
		top: 275px;
		left: 93px;
	}
	#part7 .topmail {
		bottom: 83px;
		left: 25px;
		font-size: 8px;
	}
	#part2 .righttext {
		right: unset !important;
		width: 80% !important;
		float: none !important;
		font-size: 18px;
		top: unset;
		text-align: center;
		left: unset !important;
		margin: 100px auto 0 !important;
		display: block !important;
		position: relative !important;
	}
	#part2 > .description {
		left: unset;
		width: 80% !important;
		position: relative !important;
		margin: auto !important;
		top: 50px;
	}
	#part4 .wool {
		left: unset;
		top: unset;
		width: 80%;
		margin: auto;
		display: block;
		position: relative !important;
		top: 100px;
	}
	#part4 .silk {
		position: relative !important;
		clear: both !important;
		top: 100px;
		right: unset !important;
		width: 80% !important;
		position: relative !important;
		margin: auto;
		display: block !important;
	}
	#mc_embed_signup_scroll #form,
	#mc_embed_signup_scroll #submit > input,
	#mc_embed_signup_scroll #form > input {
		height: 51px !important;
		font-size: 15px !important;
	}
	#mc_embed_signup_scroll #submit > input {
		padding-left: 8px;
	}
}

/*** end of css ***/